<template>
  <div id="app">
    <FooterNav v-show="isshow"></FooterNav>
    <router-view></router-view>
  </div>
</template>
<script>
import FooterNav from "@/components/FooterNav";

export default {
  data() {
    return {
      isshow: true,
    };
  },
  components: {
    FooterNav,
  },
  created() {
    this.$bus.$on("hideMenu", (v) => {
      this.isshow = v;
    });
    //在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem("store")) {
      this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store"))));
    }
    //在页面刷新时将vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
html,
body {
  touch-action: none;
  height: 100%;
  ul,
  li {
    list-style: none;
  }
}
</style>
